import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'

Vue.use(VueRouter)
    /* 创建路由规则 */
const router = new VueRouter({
    routes: [
        /* 访问/根路径的时候， 自动重定向到login组件（登录页面） redirect */
        {
            path: '/',
            redirect: '/login'
        }, {
            path: '/login',
            component: Login
        }, {
            path: '/home',
            component: Home
        }
    ]
})

/* 挂载路由导航守卫 */
router.beforeEach((to, from, next) => {
    // to:将要访问的路径
    // from：从哪个路径跳转而来
    // next是一个函数  表示放行
    // next（） 放行    next('/login') 强制跳转
    if (to.path === '/login') return next()
        /* 这里最好的方法是把token发送个服务器，验证token的有效性 以防假的token */
    const tokenStr = window.sessionStorage.getItem('token')
    if (!tokenStr) return next('/login')
    next()
})


export default router